<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>食材铺</title>

	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="/css/index.css">
	<link rel="stylesheet" type="text/css" href="/css/mobile.css">
</head>
<body style="background: #fff9f1;overflow:-Scroll;overflow-x:hidden">
	<header>
		<div style="background: #fcf6ee;">
			<div class="container">
				<div class="row">
					<div class="col-md-12 ">
						<div class="header">
							<img src="img/header.png" style="display: inline-block;    vertical-align: -12%;">
							<h3 class="header__tltle">食材铺</h3>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div style="background: #676767;">
			<div class="container">
				<div class="row">
					<div class="col-md-11 col-md-offset-1">
						<div class="nav navbar">
							<li><a href="#">所有分类</a></li>
							<li><a href="#">首页</a></li>
							<li><a href="#">寻味</a></li>
							<li><a href="#">山海汇</a></li>
						</div>
					</div>
				</div>
			</div>
		</div>

	</header>
	

	
	
	<section >
		<!-- 广告栏 -->
		<div class="ad-column">
			<div class="ad-column__text-box"></div>	
		</div>
		
		<div class="font-explain" style="background-color: #363636;">
			
			<!-- 简介 -->
			<div class="container">
				<h3>隐于山川湖海的舌尖味道</h3>
				<p>我们亲涉山水只为寻找记忆中那抹隐于山川湖海的舌尖味道，以时节为时间的起点探寻品质出众的地道食材，从中选取少量珍贵或风味独特的品种，推荐给我们一样依然在乎最初味道的人们。我们的产品很少，目前也只有几种食材，不是我们的团队不努力,只是作为食材挑剔者的我们对食材有着极致的要求，经常对一种食材的多次探寻因达不到我们的要求无功而返。</p>
			</div><!-- container -->
		
			<!-- 介绍 -->
			<div class="container">
				<div class="row" style="text-align: center;">
					<div class="col-md-3">
						<div class="img-box"><img src="img/1.png"></div>
						<h3>食材的滋补</h3>
						<p>食物之中，很多都是具有补益作用的。并不一定是要用名贵的药材才可以滋补身体，简单如用各种食材，同样也可收到补益功效，且几乎无副作用。</p>
					</div>

					<div class="col-md-3">
						<div class="img-box"><img src="img/2.png"></div>
						<h3>选材与储藏</h3>
						<p>我们只选用天然“无硫、无添加”的放心食材。在外观上不很美观，也更容易生虫、变质，所以建议亲们买回宝贝后，不宜存放过久，另外，每次用后要封好口，放冰箱保存最好。</p>
					</div>

					<div class="col-md-3">
						<div class="img-box"><img src="img/3.png"></div>
						<h3>幸福的定义</h3>
						<p>从手到口，从口到心，中国人凭着对食材所特有的感知方式，一碗健康美味的米饭配上一锅香浓四溢的煲汤便能代表我们对幸福的所有定义。</p>
					</div>

					<div class="col-md-3">
						<div class="img-box"><img src="img/4.png"></div>
						<h3>售后与服务</h3>
						<p>五湖四海口味不尽相同，仅一方食材难免难调众口。若非品质问题，在不影响二次销售的前提下允许退换货，请自行承担运费，望理解。</p>
					</div>
				</div><!--row -->	
			</div><!-- container -->

			<!-- 图片介绍系列 -->
			<div class="container">
				<div class="picture1">
					<img src="img/picture1-1.png" class="picture1__1">
					<img src="img/picture1-2.png" class="picture1__2">
					<div class="picture1__text">源于自然而又简洁的味觉感受
					</div>
				</div><!-- picture1 -->
				
				<div class="picture2">
					<img src="img/picture2-1.png" class="picture2__1">
					<img src="img/picture2-2.png" class="picture2__2">
					<img src="img/picture2-3.png" class="picture2__3">
					<img src="img/picture2-text.png" class="picture2__4">

					<div class="picture2__text-box">
						<div class="picture2__text-box__text1">延缓衰老</div>
						<div class="picture2__text-box__text2">益脾止咳</div>
						<div class="picture2__text-box__text3">健脾益胃 
						</div>
					</div><!-- picture2__text-box -->
				</div><!-- picture2 -->
			</div><!-- container -->
			
			<!-- picture3 -->
			<div class="container">
				<div class="row">
					<div class="col-md-12 picture3-tltle">「 寻自然之味道 」</div>

					<div class="col-md-6 col-xs-6 picture3-left-tltle">┊煲汤料┊ ▼ </div>

					<div class="col-md-6 col-xs-6 picture3-right-tltle">更多 | MORE >></div>
				</div><!-- row -->

				<div class="row">
					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture3-1.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text1">炖<br>鸡<br>汤</div>
									<div class="picture3__text-box__text2">茶<br>菇</div>
									<div class="picture3__text-box__text3">百<br>合</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">煲<br>汤<br>料</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">广<br>东</div>
								</div>
				      		</div>
				    	</div>
				  	</div>


					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture3-2.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text1">大<br>骨<br>汤</div>
									<div class="picture3__text-box__text2">虫<br>草<br>花</div>
									<div class="picture3__text-box__text3">双<br>参</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">煲<br>汤<br>料</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">广<br>东</div>
								</div>
				      		</div>
				    	</div>
				  	</div>


					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture3-3.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text1">排<br>骨<br>汤</div>
									<div class="picture3__text-box__text2">莲<br>子</div>
									<div class="picture3__text-box__text3">双<br>菌</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">煲<br>汤<br>料</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">广<br>东</div>
								</div>
				      		</div>
				    	</div>
				  	</div>

					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture3-4.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text1">老<br>鸭<br>汤</div>
									<div class="picture3__text-box__text2">玉<br>竹<br>松<br>茸</div>
									<div class="picture3__text-box__text3"></div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">煲<br>汤<br>料</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">广<br>东</div>
								</div>
				      		</div>
				    	</div>
				  	</div>

					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture3-5.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text1">炖<br>鸡<br>汤</div>
									<div class="picture3__text-box__text2">香<br>菇</div>
									<div class="picture3__text-box__text3">木<br>耳</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">煲<br>汤<br>料</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">广<br>东</div>
								</div>
				      		</div>
				    	</div>
				  	</div>
				</div><!-- row -->
			</div><!-- container --><!-- picture3 -->
			

			<!-- picture4 -->
			<div class="container" style="padding: 0; margin-bottom: 16px;">
				<div class="picture4">
					<img src="img/picture4-1.png" class="picture4__1">
					<img src="img/picture4-2.png" class="picture4__2">
					<div class="picture4__text">只为在意和在乎最初味道的人们</div>
				</div><!-- picture4 -->
			</div> <!-- container --><!-- picture4 -->

			<div class="container" style="padding: 0;">
				<div class="picture5" >
					<div class="picture5__tltie"></div>
					<div class="picture5__name">淮<br>土<br>小<br>薏<br>米</div>
					<div class="picture5__thread"></div>
				</div><!-- picture5 -->
			</div><!-- container --><!-- picture5 -->

			<!-- picture6  --><!-- 重用picture3 --> 
			<div class="container" style="margin-bottom: 34px;">
				<div class="row">
					<div class="col-md-12 picture3-tltle">「 得自然之馈赠 」</div>

					<div class="col-md-6 col-xs-6 picture3-left-tltle">┊山海汇┊ ▼ </div>

					<div class="col-md-6 col-xs-6 picture3-right-tltle">更多 | MORE >></div>
				</div><!-- row -->

				<div class="row">
					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture6-1.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text3 picture6">椴<br>木<br>菇</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">农<br>家</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">明<br>溪</div>
								</div>
				      		</div>
				    	</div>
				  	</div>


					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture6-2.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text3 picture6">小<br>薏<br>米</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">淮<br>土</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">宁<br>化</div>
								</div>
				      		</div>
				    	</div>
				  	</div>


					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture6-3.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text3 picture6">莲<br>子</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">西<br>门</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">建<br>宁</div>
								</div>
				      		</div>
				    	</div>
				  	</div>

					<div class="col-sm-6 col-md-4" style="padding: 0;">
				   		<div class="thumbnail" style="border-radius: 0; margin-bottom: 6px;">
				     		<img src="img/picture6-4.png" alt="...">
				      		<div class="caption">
								<div class="picture3__text-box">
									<div class="picture3__text-box__text3 picture6">桂<br>圆<br>干</div>
									<div class="picture3__text-box__thread"></div>
									<div class="picture3__text-box__text4">特<br>级</div>
									<div class="picture3__text-box__text5">•</div>
									<div class="picture3__text-box__text6">莆<br>田</div>
								</div>
				      		</div>
				    	</div>
				  	</div>

				</div><!-- row -->
			</div><!-- container --><!-- picture6 -->



			<!-- container --><!-- picture7 -->
			<div class="container" style="margin-bottom: 34px;">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="picture7__text1" style="">
							【温馨提示】
							<div class="picture7__text1__content">
								为保证食材的新鲜，我们所有宝贝均当天进行封装，四点前付款的订单当日发货；四点后的订单次日发货。若购买后遇到任何问题可先与客服联系，食材不易，且珍惜！
							</div>
						</div>
					</div>



					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="picture7__text1" style="">
							【关于物流】
							<div class="picture7__text1__content">
								本店默认发申通，须发其他快递与客服联系！不包邮的地区（青海、甘肃、宁夏、内蒙古、新疆、西藏、港澳台需补差价）。
							</div>
						</div>
					</div>						

					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="picture7__text1" style="">
							【关于退换货】
							<div class="picture7__text1__content">
								五湖四海口味不尽相同，仅一方食材难免难调众口。若非品质问题，在不影响二次销售的前提下允许退换货，请自行承担运费，望理解。
							</div>
						</div>
					</div>

					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="picture7__text1" style="">
							【产品保证】
							<div class="picture7__text1__content">
								店铺所有产品只选用天然“无硫、无添加”的放心食材，百分百正品，您可以放心购买，放心食用。
							</div>
						</div>
					</div>					
				</div><!-- row -->
			</div><!-- container --><!-- picture7 -->
			
			<!-- container --><!-- picture8 -->
			<div style="border-top: 1px #f4e0d4 solid;">
				<div class="container">
					<div class="row">
						<div class="col-md-3">
							<div class="picture8">
								<img src="img/picture8-1.png" alt="">
								<h3>绿色食品</h3>
								<p>所售产品均为<br>无硫无添加食品</p>
							</div>
						</div>

						<div class="col-md-4">
							<div class="picture8">
								<img src="img/picture8-2.png" alt="">
								<h3><span>100%</span>实物实拍</h3>
								<p>100%实物拍摄<br>如实详情描述</p>
							</div>
						</div>

						<div class="col-md-5">
							<div class="picture8">
								<img src="img/picture8-3.png" alt="">
								<h3>7天无理由退换货</h3>
								<p>7天无理由退换货<br>甜心售后服务保障</p>
							</div>
						</div>
					</div>
				</div><!-- container --><!-- picture8 -->
			</div><!-- picture8 -->


			<div class="picture9">
				<img src="img/picture9-1.png" class="picture9__1">
				<img src="img/picture9-2.png" class="picture9__2">

				<div class="picture9__text1">
					<div class="picture9__3"></div>
					于山川湖海的<br>舌尖味道<br>只为在意和在乎最初味道的人们
				</div>

				<div class="picture9__text2">我们不创造美食，我们只是自然食材的探寻和传承者，<br>我们坚信自然的产物深得自然的秉性，<br>钟灵毓秀，带着山林草木的香气。
				</div>

			</div><!-- picture9 -->

		</div><!-- font-explain -->

	</section>



	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>